<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>魔兽世界</title>
        <style>
            div{
                background-color: lightgrey;
                width: 300px;
                border: 25px solid green;
                padding: 25px;
                margin: 25px;
            }
        </style>
    </head>
    <body>
        <h2>盒子模型演示</h2>
        <p>CSS盒子模型本质上一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,实际内容</p>
        <div>这里是盒子内的实际内容。有 25px 内间距，25px 外间距、25px 绿色边框。</div>
    </body>
</html>